@charset "utf-8";
div{margin:0;padding:0;border:0; }p{margin:0;padding:0;border:0; }span{margin:0;padding:0;border:0; }form{margin:0;padding:0;border:0; }ul{margin:0;padding:0;border:0; }ol{margin:0;padding:0;border:0; }li{margin:0;padding:0;border:0; }input{margin:0;padding:0;border:0; }img{margin:0;padding:0;border:0; }a{margin:0;padding:0;border:0; }hr{margin:0;padding:0;border:0; }h4{margin:0;padding:0;border:0; }h5{margin:0;padding:0;border:0; }h6{margin:0;padding:0;border:0; }dl{margin:0;padding:0;border:0; }dd{margin:0;padding:0;border:0; }dt{margin:0;padding:0;border:0; } body{margin:0;padding:0;border:0;}*{margin:0;padding:0;border:0;}
h1{margin:0;padding:0;border:0; font-weight: normal; }
h2{margin:0;padding:0;border:0; font-weight: normal; }
h3{margin:0;padding:0;border:0; font-weight: normal; }
a{ text-decoration:none;}
a img{ border:0;}
.clear{ clear:both;}
a{ color:#000;}
a:hover{ color:#13adf8;text-decoration: underline;}
.tb0{ border:0 !important; }
ul{ list-style-type: none;}
.fl{ float: left;}
.fr{ float:right;}
body{ background:#fff;  font-family: "微软雅黑";  font-size:12px; color:#000; }
.mt20{ margin-top:20px;}.mt10{ margin-top:10px;}
.ml20{ margin-left:20px;}.ml10{ margin-left:10px;}
.mr20{ margin-right:20px;}.mr10{ margin-right:10px;}
.mb20{ margin-bottom:20px;}.mb10{ margin-bottom:10px;}
.pt20{ padding-top:20px;}.pt10{ padding-top:10px;}
.pl20{ padding-left:20px;}.pl10{ padding-left:10px;}
.pr20{ padding-right:20px;}.pr10{ padding-right:10px;}
.pb20{ padding-bottom:20px;}.pb10{ padding-bottom:10px;}
.fw{ font-family:"微软雅黑";}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:200px; margin:0 auto;}

.center{ width:1200px; margin:0 auto;}
.c1400{ width:1400px; margin:0 auto;}
.c1020{ width:1020px; margin:0 auto;}


*:hover
{
transition:background-color 1s;
-moz-transition:background-color 1s; /* Firefox 4 */
-webkit-transition:background-color 1s; /* Safari and Chrome */
-o-transition:background-color 1s; /* Opera */
}
a:hover{	
	transition:color 1s;
-moz-transition:color 1s; /* Firefox 4 */
-webkit-transition:color 1s; /* Safari and Chrome */
-o-transition:color 1s; /* Opera */
transition:background-color 1s;
-moz-transition:background-color 1s; /* Firefox 4 */
-webkit-transition:background-color 1s; /* Safari and Chrome */
-o-transition:background-color 1s; /* Opera */
}

.top{ position:relative; z-index:9999; height:130px; background:none; width:1200px; margin:0 auto;}
.lx_tel{ height:60px; float:right; position:absolute; right:0; top:0; }
.lx_tel a{height:20px; display:block; padding:15px 40px 0 30px; color:#ddd; line-height:30px; float:left;}
.lx_tel a.top_bg1{ background: url(../images/shu.png) left bottom no-repeat;}
.lx_tel a.top_bg2{ background: url(../images/ren.png) left bottom no-repeat;}
.lx_tel a.top_bg3{ background: url(../images/tel.png) left bottom no-repeat; padding:15px 0px 0 30px;}


.nav{ height:70px; position:absolute; top:60px; width:100%; line-height:70px; background:url(../images/nav_bg.png) top center repeat-x;}
.nav h2{ float:left; width:190px; height:70px; text-align:center; background:#fff; margin:0 50px;}
.nav h2 img{ width:auto; transition: height 1s;}
  #daohang {
  position: relative;
  list-style: none;
  font-weight: 400;
  font-size: 0;
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
  display:block;
  float:right;

}
#daohang li {
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 5;
  max-width: 110px;
}

#daohang li a{ display:block; width:110px; background:url(../images/nav_fg.png) right center no-repeat; color:#fff; font-size:15px; text-align:center;transition: color 2s;}


.drop {
  overflow: hidden;
  list-style: none;
  position: absolute;
  padding: 0;
  width: 100%;
  left: 0;
  top: 70px;
}
.drop div {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  -ms-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
  position: relative;
}
.drop li {
  padding: 0;
  width: 100%;

}
.drop li a{
    background: #f66c13!important;
    line-height: 25px;
    padding: 20px 0;
}
.drop li a:hover{
    background: rgba(246,108,19,0.8)!important;
}

#marker {
  height: 6px;
  background: #3E8760 !important;
  position: absolute;
  bottom: 0;
  width: 110px;
  z-index: 2;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  transition: all 0.35s;
}

#daohang li:nth-child(1):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#daohang li:nth-child(1):hover ~ #marker {
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate(0px, 0);
}

#daohang li:nth-child(2):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#daohang li:nth-child(2):hover ~ #marker {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  transform: translate(110px, 0);
}

#daohang li:nth-child(3):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#daohang li:nth-child(3):hover ~ #marker {
  -webkit-transform: translate(220px, 0);
  -moz-transform: translate(220px, 0);
  -ms-transform: translate(220px, 0);
  transform: translate(220px, 0);
}

#daohang li:nth-child(4):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#daohang li:nth-child(4):hover ~ #marker {
  -webkit-transform: translate(330px, 0);
  -moz-transform: translate(330px, 0);
  -ms-transform: translate(330px, 0);
  transform: translate(330px, 0);
}

#daohang li:nth-child(5):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#daohang li:nth-child(5):hover ~ #marker {
  -webkit-transform: translate(440px, 0);
  -moz-transform: translate(440px, 0);
  -ms-transform: translate(440px, 0);
  transform: translate(440px, 0);
}

#daohang li:nth-child(6):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#daohang li:nth-child(6):hover ~ #marker {
  -webkit-transform: translate(660px, 0);
  -moz-transform: translate(660px, 0);
  -ms-transform: translate(660px, 0);
  transform: translate(660px, 0);
}

#daohang li:nth-child(7):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#daohang li:nth-child(7):hover ~ #marker {
  -webkit-transform: translate(770px, 0);
  -moz-transform: translate(770px, 0);
  -ms-transform: translate(770px, 0);
  transform: translate(770px, 0);
}

#daohang li:nth-child(8):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#daohang li:nth-child(8):hover ~ #marker {
  -webkit-transform: translate(880px, 0);
  -moz-transform: translate(880px, 0);
  -ms-transform: translate(880px, 0);
  transform: translate(880px, 0);
}
/*.nav ul{ display:block; float:right;}
.nav li{ float:left;background:rgba(0,0,0,0);}
.nav li a{ display:block; width:110px; background:url(../images/nav_fg.png) right center no-repeat; color:#fff; font-size:15px; text-align:center;transition: color 2s;}
.nav li:hover{ background:rgba(0,0,0,0.2); }
.nav a:hover{ color:#fff;}


/* flexslider */
.flexslider{position:relative;height:726px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin-top:-130px; width:100%;}
.slides{position:relative;z-index:1;}
.slides li{height:726px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:10%;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10%;background:url(../images/next.png) center center no-repeat;}


.ipro{  background:#edf4f7; }
.ipro .center{position:relative;height:520px; z-index:999;}
.ipro_l{ width:400px; top:100px; position:absolute; left:100px; }
.ipro_l h2{ font-size:30px; color:#333;}
.ipro_l h3{ font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:10px 0 15px 0; color:#888;}
.ipro_l p{ font-size:17px; color:#555; line-height:30px;}
.ipro_l a{ display:block; line-height:40px; background:#ec6209; margin:50px 30px 0 0; color:#fff; font-size:14px; width:140px; float:left; text-align:center;}
.ipro_l a:hover{ background:#13adf8;}
.ipro_r{float:right;width:700px; height:520px;position: relative;}
.ipro_r img{
	display: block;
 max-width: 100%; max-height: 100%; position: absolute; margin: auto;
 top: 0; right: 0;
 bottom: 0; left: 0;
}

.iab{ position:relative;z-index:2; background:#ec6209; width:100%; height:670px; color:#fff;}
.iab_l{ width:50%; float:left; background:url(../images/iabout.jpg) right top no-repeat;height:670px;}
.iab_r{ width:50%; float:left; width:515px; margin:100px 0 0 80px;}
.iab_r h2{ font-size:50px; font-family:Arial, Helvetica, sans-serif;}
.iab_r h2 span{ font-size:16px; padding:0 30px;}
.iab_r h3{ font-size:25px; color:#f6ff00; margin:15px 0 70px 0;}
.iab_r h4{ font-size:30px; margin: 0 0 35px 0; font-weight:normal;}
.iab_r p{ font-size:14px; line-height:24px; height:100px; overflow:hidden; margin: 0 0 60px 0;}
.iab_r h5{ height:70px; line-height:70px;}
.iab_r h5 a{ display:block; width:70px; height:70px;border-radius:50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; float:left; text-align:center; font-size:14px; }
.iab_r h5 span{ float:left; font-size:18px; padding:0 10px;}
.iab_r h5 a.iab_bg1{ background:#8afbff;}
.iab_r h5 a.iab_bg2{ background:#c6ffa7;}
.iab_r h5 a.iab_bg3{ background:#e4c8ff;}
.iab_r h5 a:hover{ background:#f6ff00;}


.ifw{ background:url(../images/ifw_bg.png) top center no-repeat; height:630px; color:#fff; text-align:center;}
.ifw h2{ color:#ec6209; font-size:40px;padding:70px 0 20px 0;}
.ifw h3{ font-size-adjust:15px; color:#e6a073;}
.ifw ul{ display:table; margin:0 auto;}
.ifw li{ float:left; width:152px; margin:90px 44px; text-align:center;}
.ifw li h4{ width:150px; height:150px;border:1px solid #fff;border-radius:50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; margin:0 0 30px 0;}
.ifw li img{ width:50px; height:50px; padding:50px;  }
.ifw li a{ color:#ddd; font-size:16px;}
.ifw li a:hover{ color:#13adf8;}
.ifw li h4:hover{ background:#13adf8; border:1px solid #13adf8;}
.ifw li h4:hover img{-webkit-filter: opacity(60%);
filter: opacity(60%);}


.foot{ background:#f8f8f8;padding:20px 0 0 0; border-top:1px solid #f1f1f1;clear: both;}
.search{ ; width:241px; height:40px; line-height:40px; background:url(../images/search_bg.png) top center no-repeat;}
.cpkey{ border: none; background: none; line-height:40px; width:200px; float:left; text-indent:20px; color:#ddd;}
#search_btn{ width:41px; height:40px; float:left;}

.foot_lb{ padding:20px 0;}
.foot1{}
.foot1 h2{ font-size:12px; color:#666;}
.foot1 h3{ font-size:24px; font-weight:bold; color:#000; padding:10px 0 20px 0;}
.foot1 img{padding-left: 28%;width: 80px;}
.foot2{ margin: 20px 90px;}
.foot2 img{ width:130px; height:auto; border:1px solid #f1f1f1;}
.foot2 p{ line-height:30px; color:#999;text-align: center;}
.foot4{ width:138px; float:left; text-align:center; border-left:1px solid #f1f1f1; min-height:180px;}
.foot4 h2{ font-size:13px; color:#555; padding:5px 0 15px;}
.foot4 a{ display:block; width:100%; color:#888; line-height:24px;}

.foot_foot{ background:#ec6209; color:#fff; font-size:14px; line-height:75px;}
.foot_f1{ width:100%;}
.foot_foot span{ text-align:right; float:right;}
.foot_f1 a{color: #fff}



.ny_nr{ width:1200px; margin:0 auto; padding:20px 0px; }
.pro_top table{max-width: 900px;border-collapse: collapse;}
.pro_top table td{padding-left: 10px;}
.pro_top h2{ text-align:center; display:18px; }
.pro_top h3{ text-align:center; font-weight:normal; font-size:12px; color:#999; padding:0px 100px; line-height:22px; margin:5px 0 10px 0; border-bottom:1px dotted #eee; }
.about{line-height:24px; color:#444; width:900px; float:right;margin-bottom: 20px;}
.about img{ max-width:900px;}

.nr_l{ float:left; width:250px;margin-bottom: 20px; }
.sib { background: #f5f5f5; margin-bottom:20px;}
.sib h2{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; height:50px; line-height:50px; background:url(../images/sib_bg_l.png); color:#fff; text-align:center; font-size:20px; font-weight:bold;}
.sib ul{ margin:0 20px; padding:10px 0 30px 0;}
.sib ul li{ line-height:28px; border-bottom:1px dotted #ccc; margin-top:5px; background:url(../images/jintou.png) right center no-repeat;}
.sib ul li a{ color:#666;font-size: 14px;}
.sib ul li span a{font-size: 12px; text-indent:5px;}
.sib ul li a:hover{ color:#ec6209;text-decoration: underline;}
.sib ul p{ font-size:13px; color:#333; line-height:26px; margin-top:5px; border-bottom:1px solid #ddd; text-indent:5px;}

.about_top{ border-bottom:1px solid #ddd;  height:30px; line-height:30px;margin-bottom:20px;}
.about_top h2{ float:left; height:30px; line-height:30px; padding:0 10px; font-size:16px; font-weight:bold; color:#ec6209; border-bottom:1px solid #ec6209;  }
.about_top span{ float:right;}
.clear{ clear:both;}

.product{ padding:0 0 50px 0;}
.product ul{ margin-left:-33.33px;}
.product li{ width:277px; float:left; margin:10px 0 10px 33.33px;}
.product li .pro_img {
    width: 277px;
    height: 190px;
    position: relative;
    border: 1px solid #ccc;
}.product li img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.product p{ height:24px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}

.news{ padding:0px 0 50px 0; width:100%;}
.news li{ background:24px; line-height:24px; margin-top:5px; border-bottom:1px dotted #ccc; text-indent:15px; background:url(../images/jiantou2.png) left center no-repeat;}
.news span{ float:right;}


/*分页*/
.pages {
    margin: 0 auto 30px;
    width: 98%;
    text-align: center;
}
.pages a, .pages span {
    border-right: #ccc 1px solid;
    padding-right: 8px! important;
    border-top: #ccc 1px solid;
    padding-left: 8px! important;
    padding-bottom: 4px! important;
    margin: 2px;
    border-left: #ccc 1px solid;
    padding-top: 4px! important;
    border-bottom: #ccc 1px solid;
    text-decoration: none! important;
}